<!--
 * @Author: TJN tjn@246@126.com
 * @Date: 2024-03-28 00:12:40
 * @LastEditors: TJN tjn@246@126.com
 * @LastEditTime: 2024-03-28 00:48:57
 * @FilePath: \mapview\src\components\HistoricalList.vue
 * @Description: 
 * 
 * Copyright (c) 2024 by ${git_name_email}, All Rights Reserved. 
-->
<template>
    <div class='historical-list'>
        <!-- <div class='historical-list-title'>
            <span>当日交易量最大停车场</span>
        </div> -->
        <div class="table">
            <div class="table-title">
                <div class="table-title-one">类型</div>
                <div class="table-title-three">车牌</div>
                <div class="table-title-four">报警</div>
                <div class="table-title-five">消息</div>
				<div class="table-title-two">时间</div>

            </div>
            <div class="historical-list-item" v-for="(item,index) in lishiData" :key="index" >
                <div class="table-title-one ">{{item.lei}}</div>
                <div class="table-title-three">{{ item.paizi }}</div>
                <div class="table-title-four">{{ item.baojing }}</div>
                <div class="table-title-five">{{ item.xiaoxi }}</div>
				<div class="table-title-two">{{ item.shijian }}</div>
        </div>

        </div>
    </div>
</template>

<script>
export default {
    data () {
        return {
            lishiData:[
	{
		lei:'危险车',
		shijian:'2024-02-24 12:42:03',
		paizi:'鲁BKH298',
		baojing:'已处理',
		xiaoxi:'危化品车辆未停在指定位置',
	},
	{
		lei:'小型车',
		shijian:'2024-02-25 12:56:23',
		paizi:'辽B8MQ02',
		baojing:'已处理',
		xiaoxi:'车辆未按指定位置停放',
	},
	{
		lei:'危险车',
		shijian:'2024-02-24 13:06:53',
		paizi:'辽BQ4E82',
		baojing:'已处理',
		xiaoxi:'危化品车辆未停在指定位置',
	},
	{
		lei:'危险车',
		shijian:'2024-02-24 15:26:53',
		paizi:'辽B183NS',
		baojing:'已处理',
		xiaoxi:'危化品车辆未停在指定位置',
	},
	{
		lei:'大型车',
		shijian:'2024-02-25 15:39:23',
		paizi:'辽B8MQ02',
		baojing:'已处理',
		xiaoxi:'车辆未按指定位置停放',
	},
	{
		lei:'大型车',
		shijian:'2024-02-26 10:29:43',
		paizi:'辽B6WY78',
		baojing:'已处理',
	xiaoxi:'车辆未按指定位置停放',
	},
	{
		lei:'大型车',
		shijian:'2024-02-26 10:50:23',
		paizi:'辽BB23L6',
		baojing:'已处理',
		xiaoxi:'车辆未按指定位置停放',
	},
	{
		lei:'危险车',
		shijian:'2024-02-24 11:35:43',
		paizi:'冀B8568L',
		baojing:'已处理',
		xiaoxi:'危化品车辆未停在指定位置',
	},
	{
		lei:'大型车',
		shijian:'2024-02-26 12:00:23',
		paizi:'辽BU79A5',
		baojing:'已处理',
		xiaoxi:'车辆未按指定位置停放',
	},
	{
		lei:'危险车',
		shijian:'2024-02-24 11:35:43',
		paizi:'冀B8568L',
		baojing:'已处理',
		xiaoxi:'危化品车辆未停在指定位置',
	},
	{
		lei:'危险车',
		shijian:'2024-02-24 11:35:43',
		paizi:'冀B8568L',
		baojing:'已处理',
		xiaoxi:'危化品车辆未停在指定位置',
	},
]
        }
    },
    components: {
        
    },
    created() {
        
    },
    mounted() {
        
    },
    methods: {
        
    },
};
</script>

<style  scoped>
.historical-list{
    color: #fff;
}

.historical-list-title{
    height: 30px;
    border-bottom: 2px solid #fff;

}

.historical-list-item{
    display: flex;
    width: 100%;
    /* justify-content: space-around; */
    height: 30px;
    border-bottom: 1px solid #fff;
    align-items: center;

}

.table-title{
    display: flex;
    border-bottom: 1px solid #fff;
    height: 40px;
    align-items: center;
	/*background-color: #0091FF;*/
}


.table-title-one{
    text-align: center;
	flex:1;
}

.table-title-two{
    text-align: center;
	flex:2;
}

.table-title-three{
	flex:1;
    text-align: center;
}

.table-title-four{
    text-align: center;
    flex:1;
}


.table-title-five{
    text-align: center;
    flex:2;
}


.historical-list-item:nth-child(odd){
	/*background-color: #0091FF;*/
	color:#0091FF;
}

.historical-list-item:nth-child(even){
	/*background-color: #09DEFF;*/
	color:#09DEFF;
}



</style>